<template>
    <div id="answer">
        <!-- <div class="search-wrap">
            <div class="center">
                <search/>
            </div>
        </div> -->
        <div class="answer-content center">
            <!-- <div class="bar-wrap">
                <side-bar/>
            </div> -->
            <div class="answer-item">
                <div class="breadcrumb">
                    <el-breadcrumb separator-class="el-icon-arrow-right">
                        <!-- <el-breadcrumb-item :to="{ path: '/' }">赛云</el-breadcrumb-item> -->
                        <el-breadcrumb-item>赛云</el-breadcrumb-item>
                        <el-breadcrumb-item>运营</el-breadcrumb-item>
                        <el-breadcrumb-item>数据统计</el-breadcrumb-item>
                    </el-breadcrumb>
                </div>
                <h2 class="title">赛云的时间如何设定</h2>
                <p class="txt">赛云系统的时间共有两个,一个是自然时间,一个是财年时间,不同界面，不同数据使用的时间也不同，例如：业绩使用的就是财年时间，具体需根据功能判定</p> 
                <p class="attach">
                    <span class="updateTime">(本内容更新于2018年5月21日 14点38分)</span>
                    <span class="feedback" @click='feedback'>提交反馈</span>
                </p>

            </div>
            <div class="confirm">
                <confirm ref='confirm'/>
            </div>
        </div>
    </div>
</template>
<script>
import Search from '@/base/search/search';
import SideBar from '@/base/sidebar/sidebar';
import Confirm from '@/base/confirm/confirm'

export default {
    methods:{
        feedback(){
            this.$refs.confirm.show();

        }
        
    },
    components:{
        Search,
        SideBar,
        Confirm,
    }
    
}
</script>
<style lang="scss" scoped>
#answer{
    margin-top: 2px;
    .search-wrap{
        width: 100%;
        height: 82px;
        line-height: 82px;
        background-color: #fff;
        border-bottom: 1px solid #cfcfcf;
    }
    .center{
        width: 1200px;
        box-sizing: border-box;
        margin: 0 auto;

    }
    .answer-content{
        margin-top: 26px;
        .bar-wrap{
            float: left;
        }
        .answer-item{
            float: left;
            width: 900px;
            height: 816px;
            box-sizing: border-box;
            padding: 36px 26px 0 30px;
            background-color: #fff;
            border:1px solid #c8c8c8;
            position: relative;
            .breadcrumb{

            }
            .title{
                padding-bottom: 22px;
                margin-top: 32px;              
                font-size: 22px;
                color: #7c7d7d;
                font-weight: normal;
                border-bottom: 1px solid #c0c0c0;

            }
            .txt{
                font-size: 14px;
                line-height: 1.414;
                margin-bottom: 60px;
                margin-top: 20px;
                color:#6d6e6e;

            }
            .attach{
                font-size: 12px;
                .updateTime{
                    color: #9f9fa6;
                    margin-right: 14px;

                }
                .feedback{
                    color:#53bafb;
                    cursor: pointer;
                    &:hover{
                        text-decoration: underline;
                    }

                }

            }


        }

    }

}

</style>
